<template>
  <view>
    <view >
      <p style="background-color: #F8F8F8;height: 20rpx"></p>
    </view>

    <view style="margin-top: 25rpx;margin-left: 15rpx;">
      <u-row gutter="16" v-for="(item,index) in detailsInfo" :key="index">
        <view style="margin-top: 24rpx;margin-left: 10rpx">
          <u-col span="3" >
            <view class="demo-uni-col">
              <b v-if="item.label=='签收方量'" class="signStyle">{{item.label}}:</b>
              <text v-if="item.label!='签收方量'" class="textColor">{{item.label}}:</text>
<!--              <text class="colonColor">:</text>-->
            </view>
          </u-col>
          <u-col span="9" >
            <view class="demo-uni-col">
              <b v-if="item.label=='签收方量'" class="signStyle" style="color: red">{{item.value!=null?item.value:''}}</b>
              <text  v-if="item.label!='签收方量'" style="">{{item.value!=null?item.value:''}}</text>
            </view>
          </u-col>
        </view>

      </u-row>
    </view>
    <view >
      <p style="height: 20rpx"></p>
    </view>
  </view>

</template>

<script>
export default {
  props:["detailsInfo"],
}
</script>

<style>
.textColor{
  color: #a0a1aa;
  font-size: 24rpx;
  display:inline-block;
  text-align:justify;
  text-align-last:justify;
}
.colonColor{
  color: #a0a1aa;
  font-size: 24rpx;
}
.signStyle{
  font-weight: 800;
  font-size: 30rpx;
}
</style>
